<!--
 * @Description: 
 * @Author: 赵大壮
 * @Date: 2021-12-08 17:00:14
 * @LastEditTime: 2021-12-08 17:12:47
 * @LastEditors: 赵大壮
-->
<template>
  <div>
    <div
      v-show="status != 0"
      class="text-f12"
      :class="
        status === 0
          ? 'text-c9'
          : status === 1
          ? 'text-cmain_deep'
          : 'text-red-600'
      "
    >
      {{ uploadResult() }}
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Watch } from "vue-property-decorator";

@Component
export default class UiUploadStatus extends Vue {
  @Prop() status: any;

  created() {}

  mounted() {}

  beforeDestroy() {}
  /**
   * 判断上传结果
   */
  uploadResult() {
    switch (this.status) {
      case 0:
        return "正在上传";
      case 1:
        return "上传成功";
      case 2:
        return "上传失败";
    }
  }
}
</script>
<style lang="less" scoped>
</style>
